<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../assets/flexible/flexible_css.debug.js"></script>
    <script src="../assets/flexible/flexible.debug.js"></script>
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="../css/summer.css">
</head>
<body>
    <header class="header swiper-container">
        <figure>
            <img src="../images/summer/left-arrow.png">
        </figure>
        <h1>夏日纳凉好物合辑</h1>
        <figure>
            <img src="../images/summer/head-fx.png">
        </figure>
    </header>
    <div class="swiper-container main">
        <dl>
            <dt><img src="../images/summer/con_jiub.png"></dt>
            <dd class="recommend">
                <span class="today_rec">今日推荐</span>
                <h2>日本 吉川 锤目纹...</h2>
                <p>玻璃酒杯难以诠释的...</p>
                <span class="price">369元/件</span>
                <button>详情</button>
            </dd>
        </dl>
        <p class="stage">
            阿斯达是多撒多请问请问企鹅企鹅特突然一涂鱼鱼鱼,阿斯达是多撒多请问请问企鹅企鹅特突然一涂鱼鱼鱼,阿斯达是多撒多请问请问企鹅企鹅特突然一涂鱼鱼鱼,阿斯达是多撒多请问请问企鹅企鹅特突然一涂鱼鱼鱼,阿斯达是多撒多请问请问企鹅企鹅特突然一涂鱼鱼鱼,阿斯达是多撒多请问请问企鹅
        </p>
    </div>
    <div class="swiper-container show_list">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a class="active">暑假全洗掉</a>
            </div>
            <div class="swiper-slide">
                <a>放肆贪凉</a>
            </div>
            <div class="swiper-slide">
                <a>随性吹风</a>
            </div>
            <div class="swiper-slide">
                <a>户外来乘凉</a>
            </div>
        </div>
    </div>
    <p class="show">从头到脚 从里到外 洗去烦人闷热...</p>
    <select class="select">
        <option value="智能排序">智能排序</option>
        <option value="智能排序">智能排序</option>
        <option value="智能排序">智能排序</option>
    </select>
    <figure class="wine">
        <img src="../images/summer/wine.png" alt="">
    </figure>
    <figure class="wine">
        <img src="../images/summer/wine.png" alt="">
    </figure>
    <script src="../assets/swiper/js/swiper.min.js"></script>
    <script>
        var mySwiper = new Swiper ('.swiper-container', {
            slidesPerView:3
        })
    </script>
</body>
</html>